<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="音乐,QQ音乐,在线听歌,音乐下载,音乐播放器,音乐网站,MV,巅峰榜,音乐排行榜,翻译歌曲,热门歌曲,经典老歌,无损音乐,无损曲库">
    <meta name="description"
        content="QQ音乐是腾讯公司推出的一款网络音乐服务产品，海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载、空间背景音乐设置、MV观看等，是互联网音乐播放和下载的优选。">
    <title>数字专辑 - QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
    <!-- 引入标题图标 -->
    <link rel="shortcut icon" href="./网站图标.ico" type="image/x-icon">
    <!-- 引入基础公共样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入css样式 -->
    <link rel="stylesheet" href="./css/list.css">
    <!-- 引入字体样式 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3752604_h85tt9hru5n.css">
</head>

<body data-id="8">
    <script>
        document.cookie="8"
    </script>
    <iframe  id="ifr1" src="../代普/mod_header.html" scrolling="no" frameborder="0"
    style="position: absolute;top:0px; width:100%; z-index:99; height: 250px;display: flex;">
</iframe>
<iframe  id="ifr2" src="../代普/guding.html" scrolling="no" frameborder="0"
style="position: fixed;bottom:0px;right: 0px; width: 100px; z-index:99; height: 250px;display: flex;">
</iframe>
<iframe  id="ifr3" src="../郝云奇/dibu.html" scrolling="no" frameborder="0"
style="position:absolute;bottom:0px; width:100%; z-index:9; height: 626px;">
</iframe>
    <div class="app">
        <!--轮播图大盒子 -->
        <div class="banner-box container">

            <!-- 轮播图 -->
            <div class="banner">
                <ul>
                    <li class="p6"><a href="#"><img src="./img/4490820.png" alt=""></a></li>
                    <li class="p5"><a href="#"><img src="./img/4493389.webp" alt=""></a></li>
                    <li class="p4"><a href="#"><img src="./img/4493590.webp" alt=""></a></li>
                    <li class="p3"><a href="#"><img src="./img/4496113.webp" alt=""></a></li>
                    <li class="p2"><a href="#"><img src="./img/4502678.webp" alt=""></a></li>
                    <li class="p1"><a href="#"><img src="./img/4507245.webp" alt=""></a></li>
                </ul>
            </div>
            <!-- 轮播图小圆点 -->
            <div class="banner-li">
                <ul>
                    <li><a class="active" href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
            </div>
        </div>
        <!-- 轮播图左右控制键 -->
        <div class="console">
            <!-- 左控制键 -->
            <div class="console-left">
                <a class="conceal-left" href="javascript:;">
                    <i class="iconfont icon-arrow-left-bold"></i>
                </a>
            </div>
            <!-- 右控制键 -->
            <div class="console-right">
                <a class="conceal-right" href="javascript:;">
                    <i class="iconfont icon-arrow-right-bold"></i>
                </a>
            </div>
        </div>
        <!-- 内容 -->
        <div class="content">
            <h1>最新上架</h1>
            <ul>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000001aFNlG2wbTky.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000002baauR0S7eWs.jpg" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000002JrNAA4CcwfI.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000002N3gR01CnUiG.jpg" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img//T002R300x300M000003fgc4p4ZBbKp.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content">
            <h1>本周热销</h1>
            <ul>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000000SIxsE2L5Nc5.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000000B9SZf2hS8gF.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000000QQduf287rel.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000000SIxsE2L5Nc5.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000000T1I4F3qIrAK.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content">
            <h1>新声力量集结</h1>
            <ul>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000004Tvu0F207cps.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000004duMMb29d9fe.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000004LFNMl1kvYuJ.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000004QLBBc1Af3VO.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000004TvSd03uUezv.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content">
            <h1>内地专辑推荐</h1>
            <ul>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000002N3gR01CnUiG.jpg" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img//T002R300x300M000003BfrXL2wgVBU.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000000tvOOc33qTms.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000001puVIM1uSzx1.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M0000040Wckk2Kle82.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content">
            <h1>韩国专辑推荐</h1>
            <ul>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000003piLsO07y5KR.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000003HRMdT2QQXuE.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M0000017LgQo3ToiVi.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000003W7h9X2mB84P.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000002GPD7o00cSey.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content">
            <h1>影视剧OST推荐</h1>
            <ul>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000004ACXGc0xd8Hy.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000003NIazp1MKvRn.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000001y3Xsw4JwnVL.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000001xa2eb279b30.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
                <li>
                    <a class="img" href="#"><img src="./img/T002R300x300M000004604QQ424dcU.webp" alt=""></a>
                    <a class="one" href="#">indigo</a>
                    <a href="#">RM</a>
                    <div class="li-botton">
                        <span>¥ 28</span>
                        <a href="#">立即购买</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
   
    <script src="./js/list.js"></script>
    <script src="../代普/js/ifr.js"></script>
   
    
</body>

</html>